import React, { Component } from 'react'
import Login from './pages/Login'
import Registe from './pages/Registe'

// withFar是一个函数,用于返回Far组件
import withFar from './Far'
// 这个withLogin其实就是Far组件,并且这个Far组件里面的子组件就固定是Login了
const WithLogin = withFar(Login)
// 这个withRegiste其实就是Far组件,并且这次Far组件里面的子组件固定是Registe
const WithRegiste = withFar(Registe)
export default class App extends Component {
  render() {
    return (
      <div>
        <h1>高阶组件</h1>
        <WithLogin></WithLogin>
        <WithRegiste></WithRegiste>
      </div>
    )
  }
}
